<template>
  <view class="nf">
    <view class="title">新闻资讯</view>
    <view class="card pressable" v-for="(n,i) in newsList" :key="i" @tap="$emit('news-tap', n)">
      <text class="txt">{{n.title || '示例新闻'}}</text>
      <text class="arrow">→</text>
    </view>
  </view>
</template>

<script>
export default{
  name:'NewsFeed',
  props:{ channels:Array, currentChannel:[String,Number], newsList:Array, topNews:Array, loading:Boolean, refreshing:Boolean, noMore:Boolean }
}
</script>

<style scoped>
.title{font-size:32rpx;color:#111;margin:12rpx 24rpx}
.card{margin:8rpx 24rpx;background:#fafafa;border-radius:16rpx;padding:18rpx 20rpx;color:#222;display:flex;align-items:center;justify-content:space-between}
.arrow{color:#999}
</style>



